nav{
    padding-left: .4rem /* 15/37.5 */;
    height: 1.07rem /* 40/37.5 */;
    line-height: 1.07rem /* 40/37.5 */;
    background: linear-gradient(to bottom,#fff,#ccc);
    font-size: .35rem /* 13/37.5 */;
    a{
        display: block;
        float: left;
        height: 100%;
        color: #666;
        &:nth-child(3){
            width: 2.67rem /* 100/37.5 */;
            overflow: hidden;
            white-space: nowrap;
        }
    }
    .filter{
        float: right;
        margin-right: .27rem /* 10/37.5 */;
        background-image: linear-gradient(to top, #fff, #ccc);
        width: 1.6rem /* 60/37.5 */;
        height: .8rem /* 30/37.5 */;
        text-align: center;
        line-height: .8rem /* 30/37.5 */;
        margin-top: .13rem /* 5/37.5 */;
        color: #000;
        border-radius: .13rem /* 5/37.5 */;
        border: 1px solid #ccc;
    }
}


main{
    .info{
        width: 9.47rem /* 355/37.5 */;
        padding: 10px 10px 0 10px;
        .pic{
            height: 3.73rem /* 140/37.5 */;
            padding: .27rem /* 10/37.5 */ 0;
            text-align: center;
            img{
                height: 100%;
            }
        }
        .title{
            font-size: .48rem /* 18/37.5 */;
            margin: .27rem 0;
        }
        .red{
            color: red;
            font-size: .4rem /* 15/37.5 */;
            font-weight: bold;
        }
    }

    .comment{
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-bottom: .53rem /* 20/37.5 */;
        h4{
            height: .91rem /* 34/37.5 */;
            line-height: .91rem /* 34/37.5 */;
            text-align: center;
            background-color: #dbdbdb;
            margin: .4rem /* 15/37.5 */ 0;
            font-size: .48rem /* 18/37.5 */;
            font-weight: normal;
        }
        .list{
            li{
                border-bottom: 1px solid #ccc;
                padding: 0 .27rem /* 10/37.5 */;
                padding-bottom: .13rem /* 5/37.5 */;
                margin-bottom: .13rem /* 5/37.5 */;
                .up{
                    overflow: hidden;
                    margin-bottom: .27rem /* 10/37.5 */;
                    .user{
                        float: left;
                    }
                    .time{
                        float: right;

                    }
                }
                p{
                    font-size: .37rem /* 14/37.5 */;
                    margin-bottom: .27rem /* 10/37.5 */;
                }
                div.from{
                    text-align: right;
                }
            }
        }
    }

}